<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head></h:head>
<h:body>
	<p:dialog id="dialogAnimalInc" modal="true" width="50%"
		appendTo="@(body)" widgetVar="dialogCadastroAnimalInc"
		closable="false" header="Cadastro de Animal" resizable="true"
		draggable="true">
		<p:ajax event="close"
			listener="#{clienteMB.clienteDetalheMB.closeAnimal}"
			update="frmDialogAnimalInc" />
		<h:form id="frmDialogAnimalInc">

			<h:panelGrid columns="2" style="horizontal-align:center">
				<p:outputLabel value="Codigo:" />
				<p:inputText id="codigo"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.codigo}"
					disabled="true" />

				<p:outputLabel value="Data de Cadastro:" />
				<p:inputMask id="dataCadastro"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.dataCadastro}"
					disabled="true" maxlength="10" mask="99/99/9999">
					<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-3" />
				</p:inputMask>

				<p:outputLabel for="nomeanimal" value="Nome do Animal:" />
				<p:focus for="nomeanimal">
					<p:inputText id="nomeanimal"
						value="#{clienteMB.clienteDetalheMB.animalSelecionado.nomeAnimal}"
						required="true" maxlength="50"  style="width:250px"
						requiredMessage="Nome do Animal é obrigatório!" />
				</p:focus>

				<p:outputLabel value="Tipo de Animal:" for="selecttipo"></p:outputLabel>
				<p:selectOneMenu
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.tipoAnimal}"
					required="true" id="selecttipo" style="width:250px"
					converter="tipoAnimalConverter">
					<f:selectItem itemLabel="" itemValue="#{null}"></f:selectItem>
					<f:selectItems
						value="#{clienteMB.clienteDetalheMB.listaTipoAnimal}" var="tipo"
						itemLabel="#{tipo.descricao}" itemValue="#{tipo}"></f:selectItems>
					<p:ajax event="change"
						listener="#{clienteMB.clienteDetalheMB.preencheRaca}"
						update="selectraca"></p:ajax>
				</p:selectOneMenu>

				<p:outputLabel value="Raça:" for="selectraca"
					></p:outputLabel>
				<p:selectOneMenu
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.raca}"
					required="true" id="selectraca" style="width:250px"
					converter="racaConverter">
					<f:selectItem itemLabel="" itemValue="#{null}"></f:selectItem>
					<f:selectItems value="#{clienteMB.clienteDetalheMB.listaRaca}"
						var="raca" itemLabel="#{raca.descricao}" itemValue="#{raca}"></f:selectItems>
				</p:selectOneMenu>

				<p:outputLabel value="Pelagem/Cor:" for="iptcor"></p:outputLabel>
				<p:inputText id="iptcor"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.cor}"
					 style="width:250px" required="true"
					requiredMessage="Pelagem/Cor é obrigatória" maxlength="50"></p:inputText>

				<p:outputLabel value="Sexo:" for="genero"></p:outputLabel>
				<p:selectOneRadio id="genero"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.generoAnimal}">
					<f:selectItems var="genero"
						value="#{clienteMB.clienteDetalheMB.listaGenero}"
						itemLabel="#{genero.descricao}" itemValue="#{genero}"></f:selectItems>
				</p:selectOneRadio>

				<p:outputLabel value="Data Nascimento:" for="dataNasc" />
				<p:inputMask
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.dataNascimento}"
					required="true" maxlength="8"
					requiredMessage="Data de Nascimento é obrigatória!" id="dataNasc"
					mask="99/99/9999">
					<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT-3" />
				</p:inputMask>


				<p:outputLabel value="Observações:"></p:outputLabel>
				<p:inputTextarea id="obs"  style="width:250px"
					value="#{clienteMB.clienteDetalheMB.animalSelecionado.observacao}"
					maxlength="150"></p:inputTextarea>

			</h:panelGrid>
			<h:panelGrid columns="2">
				<p:commandButton value="Confirma"
					actionListener="#{clienteMB.clienteDetalheMB.incluirAnimal}"
					update=":mensagem,frmDialogAnimalInc,:frm:tbanimal"
					oncomplete="validaDialog(args,'dialogCadastroAnimalInc','dialogAnimalInc')" />


				<p:commandButton id="btnFechar" value="Cancela"
					onclick="dialogCadastroAnimalInc.hide()" immediate="true" />
			</h:panelGrid>
		</h:form>
	</p:dialog>
</h:body>

</html>